<extend name="common:base" />
<block name="title">个人中心</block>
<block name="header">
<style>
    .ownInfoBg {
        width: 100%;
        height: 4.053333rem;
        position: relative;
        background: #ccc;
    }
    .ownInfoBgImg {
        width: 100%;
        height: 4.053333rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    img{
        max-width: 100%;
        vertical-align: middle;
    }
    .ownInfos {
        position: absolute;
        top: 1.28rem;
        left: 0.50667rem;
    }
    .ownInfos_left {
        width: 2.42667rem;
        height: 2.42667rem;
        float: left;
        border-radius: 50%;
    }
    .ownInfos_right {
        float: right;
        font-size: 0.6rem;
        color: #fff;
        margin: .7rem 0.5rem;
    }
    .ownInfos_right p {
        margin-top: 0.10667rem;
    }
</style>
</block>
<block name="contents">
    <div class="page">
        <div class="ownInfoBg">
            <img class="ownInfoBgImg " src="/static/h5/images/bbgg.png">
            <div class="ownInfos">
                <img class="ownInfos_left"  src="/static/h5/images/user.png">
                <div class="ownInfos_right">
                    <if condition="$info.mobile neq ''">{$info.mobile}<else/>注册或登录</if>
                </div>
            </div>
        </div>
        <include file="common:bar" />

    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.ui-tabbar-item:nth-child(2)').addClass('on');
        });
    </script>
</block>